page{
  height:100%;
  background-color:#eee;
}
.margin-top-15{
  margin-top:15rpx;
}
.margin-bottom-20{
  margin-bottom:20rpx;
}
.good-detail-swiper{
  width:100%;
  height:750rpx;
}
.good-detail-container-scroll{
  height:100%;
}
.good-detail-cont{
   margin-bottom:108rpx;
  .border-bottom-e6{
    border-bottom:1rpx solid #e6e6e6;
  }

}
.good-product-info-detail{
  background-color:#fff;
  display:flex;
  box-sizing:border-box;
  padding:37rpx 33rpx;
  .good-product-info-l {
    flex: 1;
    .limit-w{
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .font-36{
      font-size:36rpx;
      color:#000;
    }
    .font-28{
      font-size:28rpx;
      color:#777;
      margin-top:10rpx;
    }
    .flex-item-box {
      margin-top:40rpx;
      align-items:baseline;
      .font-50{
        font-size:50rpx;
        color:#000;
        font-weight:700;
      }
      .font-24 {
        font-size: 24rpx;
        color: #993333;
        margin-left:40rpx;
      }
    }
  }
  .good-product-info-r {
    align-self:flex-end;
    text-align:center;
    .font-28 {
      font-size: 28 rpx;
      color: #000;
    }
    .font-24 {
      font-size: 24rpx;
      color: #777;
      margin:15rpx 0;
    }
    .check-useReview{
      width:150rpx;
      height:60rpx;
      color:#000;
      border:1px solid #000;
      background-color:#fff;
      border-radius:6rpx;
      line-height:60rpx;
      text-align:center;
      font-size:24rpx;
    }
  }

}
.good-detail-cont-item {
  display:flex;
  width:100%;
  align-items:center;
  justify-content: space-between;
  height: 108 rpx;
  line-height:108rpx;
  margin-top:20rpx;
  background-color:#fff;
  box-sizing: border-box;
  font-size:28rpx;
  padding-left:33rpx;
  padding-right:33rpx;
  .cont-item-m2{
    font-size:28rpx;
    color:#999;
    margin-left:48rpx;
  }
  .cont-item-member{
    font-size:26rpx;
    color:#999;
    display:flex;
    align-items:center;
    image{
      width:36rpx;
      height:36rpx;
      margin-left:30rpx;
    }
  }

}
.good-detail-service-intro{
  display:flex;
  height:108rpx;
  padding:0 33rpx;
  box-sizing:border-box;
  align-items:center;
  background-color:#fff;
  .server-name{
    font-size:28rpx;
    color:#000;
    margin-right:58rpx;
  }
  .server-intro-b{
    flex:1;
    display:flex;
    font-size:24rpx;
    color:#999;
    &>view:first-child{
      margin-right:67rpx;
    }
    &>view{
      view{
        position:relative;
        &:after{
          width:8rpx;
          height:8rpx;
          border-radius:100%;
          background-color:#999;
          position:absolute;
          left:-20rpx;
          top:12rpx;
          content:'';
          display:block;
        }
      }
    }
  }
}
.good-detail-intro-info{
  .good-detail-intro-info-t{
    display:flex;
    width:100%;
    height:82rpx;
    line-height:82rpx;
    justify-content: space-between;
    background-color:#fff;
    view{ flex:0 0 50%;}
    text{
      display:inline-block;
      width:66%;
      margin: 0 17%;
      font-size:28rpx;
      text-align:center;
      color:#010101;
      &.active{
        border-bottom:2rpx solid #993333;
      }

    }
  }
}
.good-detail-footer{
  position:fixed;
  width:100%;
  height:98rpx;
  bottom:0;
  left:0;
  display:flex;
  align-items:center;
  box-sizing:border-box;
  background:rgba(247,247,247,1);
  .good-detail-footer-img{
    flex:1;
    display:flex;
    height:98rpx;
    justify-content: space-around;
    align-items:center;
    position:relative;
    image{
      width:66rpx;
      height:66rpx;
    }
  }
  text{
    color:#fff;
    background-color:#000;
    font-size:28rpx;
    width:224rpx;
    height:98rpx;
    line-height:98rpx;
    margin:0;
    text-align:center;
    &:last-child{
      background-color:#993333;
    }
  }
}
//弹出层
.dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.dialog-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: white;
  transform: translateY(150%);
  transition: all 0.4s ease;
  z-index: 11;
  height:1050rpx;
}
.dialogShow .dialog-container {
  transform: translateY(0);
}
.dialogShow .dialog-mask {
  display: block;
}
.good-detail-choice-s{
  padding:0 33rpx;
  box-sizing:border-box;
  .tui-number-group{
    width:320rpx;
    height:66rpx;
    border: solid 1rpx #000;
    .tui-number-cell {
      line-height: 66rpx;
      font-size:36rpx;
      width:94rpx;
      &:first-child{
        border-right: solid 1rpx #000;
        border-left:none;
      }
      &:last-child{
        border-left: solid 1rpx #000;
        border-right:none;
      }
    }
    input{
      font-size:36rpx;
    }
  }
}
.image-sku {
  width: 220rpx;
  height: 220rpx;
  z-index: 12;
  position: absolute;
  left: 32rpx;
  top: -52rpx;
  border-radius:6rpx;
}
.border-line {
  width: 100%;
  height: 2rpx;
  display: inline-block;
  margin: 30rpx 0rpx;
  background-color: gainsboro;
  text-align: center;
}
.title-info-tro{
  margin-left:297rpx;
}
.sku-title {
  position: relative;
  color:#010101;
  font-size:30rpx;
  margin-top:31rpx;
}
.sku-price {
  color: #993333;
  position: relative;
  font-size:26rpx;
  margin-top:6rpx;
}
.sku-property{
  color:#7d7d7d;
  font-size:24rpx;
  margin-top:23rpx;
}
.shop-cart-num{
  position: absolute;right:17rpx;top:13rpx;background-color:#993333;font-size:18rpx;width:26rpx;height:26rpx;color:#fff;border-radius:100%;line-height:26rpx;text-align:center;
}
.shu-x{
  display:inline-block;margin-left:10rpx;margin-right:10rpx;
  height:36rpx;
  line-height:36rpx;
}